<!DOCTYPE>
<html><head>
    <title id="webtitle">[标题]</title>
    <meta name="description" content="[描述]">
    <meta name="keywords" content="[关键字]">
    <meta name="author" content="">
    <meta http-equiv="X-UA-ompatible" content="IE=EmulateIE9" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <link href="/public/css/pageSwitch.min.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="/default/public/maincss.js"></script>
    <script type="text/javascript" src="/default/public/main.js"></script>


    <link rel="stylesheet" href="/talos/css/hl.css" >
    <script src="/public/js/winiis.load.js"></script>
    <style>
        .heading2 h2{font-size: 24px;line-height: 30px;padding-bottom: 20px;color: #067bc6;}
        .heading2-bk{left: 50%;height: 3px;width: 100px; margin:0 auto;background: #6790d0;}
        <!--lunbo-->
            html,body{height: 100%;}
        #container {width: 100%;height: 500px;overflow: hidden;}
        .sections,.section {height:100%;}
        #container,.sections {position: relative;}
        .section {background-color: #000;background-size: cover;background-position: 50% 50%;text-align: center;color: white;}
        /*	#section0 {background-image: url('/default/images/index_23.jpg');}*/
        /*	#section1 {background-image: url('/default/images/index_25.jpg');}
            #section2 {background-image: url('/default/images/index_26.jpg');}*/
        .pages.horizontal{bottom:22%;}
        section {min-width: 1200px}
        section .col-md-3 {padding-left: 0; padding-right: 0; display: table-cell}
        section .col-md-2,.col-md-5,.col-md-7,.col-md-4 {display: table-cell}
        .product-container{background: #fff;height: 500px;width: 1203px;}
        .pro-title{text-align: center;}
        .pro-title h2{color: #6790d0;}
        .pro-title span{
            display: inline-block;
            font-size: 29px;
            color: #6790d0;
            margin-top: 24px;
            height: 46px;
            border-bottom: 2px solid #6790d0;
            font-weight: bold;
        }
        .pro-con{display: flex;
            text-align: center;
            margin: auto;
            width: 90%;
            display: flex;
            margin-top: 22px;
        }
        .pro-item {
            width: 385px;
            height: 357px;
            border: 1px solid #EBEEF5;
            text-align: center;
            margin-left: 60px;
            -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
            box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        }
        .pro-item:first-child{margin-left: 0px;}
        .pro-item .common-wid{
            width: 253px;
            margin: auto;
        }
        .pro-item .title {
            height: 99px;
            color: #fff;
            width: 100%;
            margin: auto;
            background: #0B65B9;
            padding-top: 24px;
        }
        .pro-item .title h2{
            height: 38px;
            font-size: 22px;
            font-weight: bold;
        }

        .pro-item .title span{
            font-size: 14px;
        }
        .pro-item .line{
            border-top: 1px solid #c8c8c8;
            margin-bottom: 15px;
        }
        .pro-item .info{
            padding-top: 14px;
        }
        .pro-item .info dl{
            height: 30px;
            /* text-align: center; */
            font-size: 15px;
            width: 253px;
        }
        .pro-item .info dl dd{
            float: left;
            width: 50%;
        }

        .pro-item .pro-buy{    display: flex;}
        .pro-item  .pro-price{
            width: 58%;
            text-align: left;
        }
        .pro-item .pro-buy .price {
            color: #ff7200;
            text-align: left;
            font-size: 25px;
        }
        .pro-item .pro-buy .pro-buy-btn {width: 42%;}
        .pro-item .pro-buy .pro-buy-btn a{color: #ff7200;font-size: 18px;font-weight: bold;height: 50px;line-height: 37px;}
        .vhost-rmk,.vhoost-title{color: #fff;}
        .vhost-buy{   display: block;
            background: #0B65B9;
            color: #fff;
            padding: 11px 20px;
            margin-left: 77px;
            font-size: 15px;
        }
        .vhost-buy:hover{color: #fff;}
    </style>
</head>

<body  style="background-color:#eff2f8; margin:0; padding:0;" onLoad="queryNotice()">

<!--头部开始-->
<nav>
    <div id="header"></div>
</nav>
<!--头部结束-->

<!--轮播图开始-->
<div class="banner slideBox" id="slideBox">
    <div class="search-bar">
        <div class="search-barn fl">
            <input id="domainName" type="text" placeholder="请输入您要注册的域名，如：winiis" class="search-kuang fl" />
            <div class="fields w-select1 fl">
                <div class="search-ext" id="current_ext">.com</div>
            </div>
            <input value="" type="button" class="search-btn fl" onClick="subQuery()" />
            <div id="domainext" class="search-extmore" style="display: none;">
            </div>
        </div>
    </div>
    <div class="search of"></div>
    <div id="container">
        <div class="sections">
            <!-- <div class="section" id="section0"></div>
            <div class="section" id="section1"></div>
            <div class="section" id="section2"></div> -->

        </div>
    </div>

</div>
<div id="hl-body">
    <!--轮播图结束-->
    <div class="news of">
        <div class="container" style="background-color:#fff;">
            <div class="row mtb-10 txtMarquee-left">
                <div class="col-md-12">
                    <div class="news-title fl">
                        <a href="/default/notice/notice.html" target="_blank" >最新公告</a>
                    </div>
                    <div class="bd">
                        <ul id="notice" class="news-list fl of">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section>
        <!--最新公告开始-->
        <!--最新公告结束-->
        <div class="youshi of">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-3">
                            <img src="/default/images/index_34.png" width="300" height="110" />
                        </div>
                        <div class="col-md-3">
                            <img src="/default/images/index_35.png" width="300" height="110" />
                        </div>
                        <div class="col-md-3">
                            <img src="/default/images/index_36.png" width="300" height="110" />
                        </div>
                        <div class="col-md-3">
                            <img src="/default/images/index_37.png" width="300" height="110" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--域名开始-->
    <section>
        <div class="yuming of">
            <div class="container" style="background-color:#fff;">
                <div class="lanmtitle tc of">
                    <table width="100%" border="0">
                        <tr>
                            <td><h2 align="center">抢注属于您自己的域名</h2></td>
                            <td><table width="100%" border="0">
                                <tr>
                                    <td><h2 align="center">域名产品，轻松注册</h2></td>
                                    <td><div align="center">
                                        <input type="button" class="domain_btn" value="马上注册" onClick="window.location.href='/default/domain/domain.html'"/>
                                    </div></td>
                                    </td>
                                </tr>
                            </table>
                            </td>
                    </table>
                </div>
                <div class="row" style="padding-bottom:30px;padding-top:20px;">
                    <div class="col-md-12">
                        <div class="col-md-5">
                            <img src="/default/images/index_40.jpg" width="404" height="302" />
                        </div>
                        <div class="col-md-7">
                            <div class="dp-table" style="width:655px;margin:0;">
                                <table class="table table-bordered table-hover table-striped table-responsive">
                                    <thead>
                                    <tr>
                                        <th >产品类型</th>
                                        <th >产品描述</th>
                                        <th >注册价格</th>
                                        <th >续费价格</th>
                                    </tr>
                                    </thead>
                                    <tbody id="doaminlist" style="text-align:center;">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--域名结束-->

    <!--云主机开始-->
    <section>
        <div class="anli-con of product-container">
            <div class="heading2 pro-title">
                <span>抢购云主机</span>
            </div>
            <div class="pro-con">
                <div class="pro-item" v-for="(item, key) in hyperVData">
                    <div class="title common-wid">
                        <h2 v-html="item.name"></h2>
                        <span v-html="item.remark"> </span>
                        <!--  <span v-html="itme.remarks"></span> -->
                    </div>
                    <!--   <div class="line common-wid"></div> -->
                    <div class="info common-wid">
                        <dl >
                            <dd>cpu：</dd>
                            <dd v-html="item.cpu + '核'"></dd>
                        </dl>
                        <dl >
                            <dd>内存：</dd>
                            <dd  v-html="item.memory + 'G'"></dd>
                        </dl>
                        <dl >
                            <dd>带宽：</dd>
                            <dd v-html="item.bandwidth + 'Mbps'"></dd>
                        </dl>
                        <dl >
                            <dd>系统盘大小：</dd>
                            <dd v-html="item.sysDataSize + 'G'"></dd>
                        </dl>
                        <dl >
                            <dd>数据盘大小：</dd>
                            <dd v-html="item.dataSize + 'G'"></dd>
                        </dl>
                    </div>
                    <div class="line common-wid " style="margin-top: 19px;"></div>
                    <div class="common-wid pro-buy">
                        <div class="pro-price">
                            <span class="price" v-html="item.price"></span> 元/月
                        </div>
                        <div class="pro-buy-btn">
                            <a :href="item.url">立即购买</a>
                        </div>
                    </div>
                </div>
                <!-- <div class="pro-item">

                </div>
                <div class="pro-item">

                </div> -->
            </div>
        </div>
    </section>
    <!--云主机结束-->

    <!--虚拟主机开始-->
    <section>
        <div class="anli-con of product-container">
            <div class="heading2 pro-title">
                <span>抢购虚拟主机</span>
            </div>
            <div class="pro-con">
                <div class="pro-item" v-for="(item, key) in vHostProductHotList" style="height: 361px;">
                    <div class="title common-wid">
                        <h2 v-html="item.productName" class="vhoost-title"></h2>
                        <span class="vhost-rmk">物美实惠,安全稳定,快捷方便！</span>
                    </div>
                    <div class="info common-wid">
                        <div style="height: 153px;font-size: 15px;margin-top: 7px;text-align: left;line-height: 29px;" v-html="item.productDetail"></div>
                    </div>
                    <div class="line common-wid " style="margin-top: 17px;"></div>
                    <div class="common-wid pro-buy">
                        <div class="pro-price">
                            <span class="price" v-html="item.price"></span> 元/年
                        </div>
                        <div class="pro-buy-btn">
                            <a href="/default/vhost/open.html">立即购买</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--虚拟主机产品结束-->

    <!--热销域名开始-->
    <section>
        <div class="anli-con of product-container">
            <div class="heading2 pro-title">
                <span>热销域名</span>
            </div>
            <div class="pro-con">
                <div class="pro-item" v-for="(item, key) in domainProductHotList" style="height: 361px;">
                    <div class="title common-wid">
                        <h2 v-html="item.name" class="vhoost-title"></h2>
                        <!-- <span class="vhost-rmk">物美实惠,安全稳定,快捷方便！</span> -->
                    </div>
                    <div class="info common-wid">
                        <div style="height: 153px;font-size: 15px;margin-top: 7px;text-align: left;line-height: 29px;" v-html="item.description"></div>
                    </div>
                    <div class="line common-wid " style="margin-top: 17px;"></div>
                    <div class="common-wid pro-buy">
                        <div class="pro-price">
                            <span class="price" v-html="item.sellPrice"></span> 元/年
                        </div>
                        <div class="pro-buy-btn">
                            <a href="/default/domain/domain.html">立即购买</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--热销域名结束-->

    <!--活动域名开始-->
    <section>
        <div class="anli-con of product-container">
            <div class="heading2 pro-title">
                <span>活动域名</span>
            </div>
            <div class="pro-con">
                <div class="pro-item" v-for="(item, key) in domainProductActiveList" style="height: 361px;">
                    <div class="title common-wid">
                        <h2 v-html="item.name" class="vhoost-title"></h2>
                        <!-- <span class="vhost-rmk">物美实惠,安全稳定,快捷方便！</span> -->
                    </div>
                    <div class="info common-wid">
                        <div style="height: 153px;font-size: 15px;margin-top: 7px;text-align: left;line-height: 29px;" v-html="item.description"></div>
                    </div>
                    <div class="line common-wid " style="margin-top: 17px;"></div>
                    <div class="common-wid pro-buy">
                        <div class="pro-price">
                            <span class="price" v-html="item.sellPrice"></span> 元/年
                        </div>
                        <div class="pro-buy-btn">
                            <a href="/default/domain/domain.html">立即购买</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--活动域名结束-->

    <!--新上域名开始-->
    <section>
        <div class="anli-con of product-container">
            <div class="heading2 pro-title">
                <span>新上域名</span>
            </div>
            <div class="pro-con">
                <!-- <div class="pro-item" v-for="(item, key) in domainProductNewList" style="height: 361px; margin-left: 24px; width: 245px;"> -->
                <div class="pro-item" v-for="(item, key) in domainProductNewList" style="height: 361px;">
                    <div class="title common-wid">
                        <h2 v-html="item.name" class="vhoost-title"></h2>
                        <!-- <span class="vhost-rmk">物美实惠,安全稳定,快捷方便！</span> -->
                    </div>
                    <div class="info common-wid">
                        <div style="height: 153px;font-size: 15px;margin-top: 7px;text-align: left;line-height: 29px;" v-html="item.description"></div>
                    </div>
                    <div class="line common-wid " style="margin-top: 17px;"></div>
                    <!-- <div class="line common-wid " style="margin-top: 17px;width: 245px;"></div> -->
                    <div class="common-wid pro-buy">
                        <div class="pro-price">
                            <span class="price" v-html="item.sellPrice"></span> 元/年
                        </div>
                        <div class="pro-buy-btn">
                            <a href="/default/domain/domain.html">立即购买</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--新上域名结束-->

    <!--自定义产品开始-->
    <section>
        <div class="anli-con of product-container">
            <div class="heading2 pro-title">
                <span>更多抢购</span>
            </div>
            <div class="pro-con">
                <div class="pro-item" v-for="(item, key) in vDiyProductHotList" style="height: 361px;">
                    <div class="title common-wid">
                        <h2 v-html="item.productName" class="vhoost-title"></h2>
                        <span class="vhost-rmk">物美实惠,安全稳定,快捷方便！</span>
                        <!--  <span v-html="itme.remarks"></span> -->
                    </div>
                    <!--  <div class="line common-wid"></div> -->
                    <div class="info common-wid">
                        <div style="height: 153px;font-size: 15px;margin-top: 7px;text-align: left;line-height: 29px;" v-html="item.productDetail"></div>
                    </div>
                    <div class="line common-wid " style="margin-top: 17px;"></div>
                    <div class="common-wid pro-buy">
                        <div class="pro-price">
                            <span class="price" v-html="item.price"></span> <span v-html="item.priceUnit"></span>
                        </div>
                        <div class="pro-buy-btn">
                            <a :href="'/default/diy/info.html?productCode=' + item.productCode">立即购买</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--自定义产品结束-->

    <section>
        <!--案例开始-->
        <div class="anli-con of">
            <div class="container" style="background-color:#fff;">
                <div class="lanmtitle tc of">
                    <div class="heading2">
                        <h2>
                            为什么选择[webname]
                        </h2>
                    </div>
                    <div class="heading2-bk"></div>
                    <blockquote>
                        <small style="margin:15px auto;text-align:left;">
                            [comadvantage]
                        </small>

                    </blockquote>

                </div>
                <div class="row" style="padding-bottom:30px;">
                    <div class="col-md-12">
                        <div class="col-md-2">
                            <img src="/default/images/cloud1.gif" class="img-responsive" width="128" height="128" />
                            <div class="imgdesc">性价比</div>
                        </div>
                        <div class="col-md-2">
                            <img src="/default/images/cloud2.gif" class="img-responsive" width="128" height="128" />
                            <div class="imgdesc">安全稳固</div>
                        </div>
                        <div class="col-md-2">
                            <img src="/default/images/cloud3.gif" class="img-responsive" width="128" height="128" />
                            <div class="imgdesc">性能优势</div>
                        </div>
                        <div class="col-md-2">
                            <img src="/default/images/cloud4.gif" class="img-responsive" width="128" height="128" />
                            <div class="imgdesc">弹性选择</div>
                        </div>
                        <div class="col-md-2">
                            <img src="/default/images/cloud5.gif" class="img-responsive" width="128" height="128" />
                            <div class="imgdesc">在线管理</div>
                        </div>
                        <div class="col-md-2">
                            <img src="/default/images/cloud6.gif" class="img-responsive" width="128" height="128" />
                            <div class="imgdesc">快速售后</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--案例结束-->
    </section>
</div>
<!--底部开始-->
<footer>
    <div id="footer"></div>
</footer>
<script type="text/javascript" src="/default/js/index.js"></script>
<script src="/public/js/pageSwitch.min.js"></script>
<script>
    $("#container").PageSwitch({
        direction:'horizontal',
        easing:'ease-in',
        duration:1000,
        autoPlay:true,
        loop:'false'
    });
</script>
<!--底部结束-->
</body>